<template>
  <div>
    <el-row :gutter="20">
      <el-col :span="6" v-for="item in AccoutRuleData" :key="item.Id">
        <div class="overflowH AccoutBox mt5">
          <input type="checkbox" v-model="AccoutRuleVal[item.code]" class="left mr5" @click="CheckResult(item.code)" />
          <p>{{ item.Name }}</p>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
let AccoutRuleListData = [
  {
    Id: 1,
    Name: "金额相等",
    code: "isEqualAmount"
  },
  {
    Id: 2,
    Name: "结算号相同",
    code: "isEqualSettleCode"
  },
  {
    Id: 3,
    Name: "结算方式相同",
    code: "isEqualSettleWay"
  },
  {
    Id: 4,
    Name: "摘要相同",
    code: "isEqualDigest"
  }
];
let AccoutRuleValData = {
  isEqualAmount: "",
  isEqualSettleCode: "",
  isEqualSettleWay: "",
  isEqualDigest: ""
};
export default {
  name: "AccoutRule",
  props: {
    CurrBookObj: {
      type: Object,
      default:function() {
        return {};
      }
    }
  },
  data() {
    return {
      AccoutRuleData: AccoutRuleListData,
      AccoutRuleVal: AccoutRuleValData
    };
  },
  components: {},
  created() {},
  mounted() {
    this.AccoutRuleVal = this.CurrBookObj;
  },
  methods: {
    CheckResult:function(Code){

    }
  }
};
</script>

<style>
.AccoutBox {
  line-height: 13px;
}
</style>